<template>
    <div class="box">
        <dv-scroll-ranking-board :config="config" style="width: 95%; height: 100%" />
        <!-- <dv-scroll-board :config="config1" style="width:100%;height:100%" /> -->
    </div>
</template>

<script>
import { getByCity } from "@/api";
export default {
    name: "Test1LeftBottom",

    data() {
        return {
            config: {
                // waitTime:3000,
                // carousel:'page',
                unit: '次',
                data: [
                    // {
                    //     name: '周口',
                    //     value: 55
                    // },
                    // {
                    //     name: '南阳',
                    //     value: 120
                    // },
                    // {
                    //     name: '西峡',
                    //     value: 78
                    // },
                    // {
                    //     name: '驻马店',
                    //     value: 66
                    // },
                    // {
                    //     name: '新乡',
                    //     value: 80
                    // }
                ],
            },
            config1: {
                header: ["列1", "列2", "列3"],
                data: [
                    ["行1列1", "行1列2", "行1列3"],
                    ["行2列1", "行2列2", "行2列3"],
                    ["行3列1", "行3列2", "行3列3"],
                    ["行4列1", "行4列2", "行4列3"],
                    ["行5列1", "行5列2", "行5列3"],
                    ["行6列1", "行6列2", "行6列3"],
                    ["行7列1", "行7列2", "行7列3"],
                    ["行8列1", "行8列2", "行8列3"],
                    ["行9列1", "行9列2", "行9列3"],
                    ["行10列1", "行10列2", "行10列3"],
                ],
            },
        };
    },
    created() {
        this.getData();

    },


    mounted() {
    },

    methods: {
        async getData() {
            const { data: res } = await getByCity();

            let a = [];
            res.forEach(element => {
                a.push({ name: element.city, value: element.count })
            });

            this.config = { unit: '次', data: a }
        },
    },
};
</script>

<style lang="less" scoped>
.box {
    padding: 5%;
}
</style>
